<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="../css/mui.min.css"/>
		<link rel="stylesheet" type="text/css" href="../css/youyi.css"/>
		<link rel="stylesheet" type="text/css" href="../css/environmental.css"/>
		<title>邮箱注册</title>
		<style type="text/css">
			body{background:#fff;}
			.mui-scroll-wrapper{top: 44px;}
			.mui-scroll{text-align: center;}
			.mui-content{background-color: transparent;}
		</style>
	</head>
	<body>
		<header class="mui-bar mui-bar-nav top_nav">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left detail_left"></a>
			<h1 id="title" class="mui-title">邮箱注册</h1>
			<!--<a id="info" class="mui-icon iconfont icon-caidan mui-pull-right"></a>-->
		</header>
		<div class="mui-content">
			<div class="mui-scroll-wrapper">
			    <div class="mui-scroll">
			        <div class="phone_regist_wrap">
						<div class="login_form">
							<div class="mui-input-row">
								<input type="tel" placeholder="输入邮箱地址" class="email_adres">
							</div>
							<div class="mui-input-row psw_row">
								<input type="password" class="psw"><span class="showPsw"></span>
							</div>
							<div class="mui-input-row yzm_row">
								<input type="text" class="yzm_input">
								<a href="javascrpt:;" class="get_yzm">获取验证码</a>
							</div>
						</div>
					</div>
					<div class="aggrement_serve">
						<p class="active">我同意并接受<a href="javscript:;">《优蚁用户协议》</a></p>
					</div>
					<div class="next_step">
						<a href="perfect_info.html" class="mui-btn mui-btn-block next_step_btn">下一步</a>
					</div>
					<img src="../images/login/email_default (2).png" class="email_img_bottom"/>
			    </div>
			</div>
			
		</div>
<script src="../js/mui.min.js" type="text/javascript" charset="utf-8"></script>
<script src="../js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
mui.ready(function(){
	document.querySelector(".showPsw").addEventListener("tap",function(){
		$(this).toggleClass("active");
		if($(this).hasClass("active")){
			$(this).prev().attr("type","text");
		}else{
			$(this).prev().attr("type","password");
		};
	});
	mui(".mui-scroll-wrapper").scroll();
	//验证码发送时间
	time.wait=10;  
	function time(defaule,waitTime) {
	        if (time.wait == 0) {
				defaule.off("click").on("click",function(){
										time(defaule,waitTime);
										});  
	           // defaule.attr("disabled",false);
	            defaule.text("获取验证码");
	            time.wait = waitTime;  
	        } else {
				defaule.off("click");
	            //defaule.attr("disabled",true);
	            defaule.text("重发(" + time.wait-- + ")");
	            setTimeout(function() {
	                time(defaule,waitTime);
	            },
	            1000); 
	        }  
	    };
	mui(".yzm_row").on("click",".get_yzm",function(){
		time($(".get_yzm"),time.wait);
	});
	
	
});
</script>
	</body>
</html>
